<!--
 * @Author       : xiaoxiaoguai
 * @Date         : 2025-05-20 16:42:12
 * @LastEditors  : Please set LastEditors
 * @LastEditTime : 2025-08-07 16:21:50
 * @Description  : 
-->
<template>
	<page-meta :page-style="'overflow:' + (takeinTIme ? 'hidden' : 'visible')"></page-meta>

	<view class="container position-relative">
		<uv-navbar
			:fixed="true"
			:placeholder="true"
			:title="title"
			left-arrow
			@leftClick="$onClickLeft"></uv-navbar>
		<view class="containerInner">
			<view class="containerInnerInner">
				<view class="section-1 borderRadius" v-if="false">
					<template v-if="store.distance > 0">
						<list-cell class="location">
							<view
								class="flex-fill d-flex justify-content-between align-items-center">
								<view class="store-name flex-fill">
									{{ orderType == 'takeout' ? '外卖配送' : '点餐自取' }}
								</view>
								<uv-switch
									activeColor="#09b4f1"
									v-model="active"
									@change="takout"></uv-switch>
							</view>
						</list-cell>
					</template>

					<template v-if="orderType == 'takeout'">
						<list-cell @click="chooseAddress">
							<view v-if="address.realName" class="w-100 d-flex flex-column">
								<view
									class="d-flex align-items-center justify-content-between mb-10">
									<view class="font-size-lg text-color-base">
										{{ address.address + ' ' + address.detail }}
									</view>
									<image
										src="http://121.224.76.39:8002/qingzhen/20250823/navigator-1_1755915144031.png"
										class="arrow"></image>
								</view>
								<view
									class="d-flex text-color-assist font-size-sm align-items-center">
									<view class="mr-10">{{ address.realName }}</view>
									<view>{{ address.phone }}</view>
								</view>
							</view>
							<view
								v-else
								class="flex-fill d-flex justify-content-between align-items-center">
								<view class="store-name flex-fill">选择收货地址</view>
								<image src="http://121.224.76.39:8002/qingzhen/20250823/navigator-1_1755915144031.png" class="arrow"></image>
							</view>
						</list-cell>
					</template>
				</view>

				<view class="section-1 borderRadius">
					<template v-if="false">
						<list-cell class="location" @click="goToShop">
							<view
								class="flex-fill d-flex justify-content-between align-items-center">
								<view class="store-name flex-fill">{{ store.name }}</view>
								<image src="http://121.224.76.39:8002/qingzhen/20250823/navigator-1_1755915144031.png" class="arrow"></image>
							</view>
						</list-cell>
					</template>

					<template>
						<template v-if="orderType == 'takein'">
							<list-cell arrow class="meal-time" @click="openTimePicker">
								<view
									class="flex-fill d-flex justify-content-between align-items-center">
									<view class="title">取餐时间</view>
									<view class="time">
										{{ gettimeValue }}
										<!-- {{ takeinRange[defaultSelector[0]].name }} -->
										<!-- <image src="http://121.224.76.39:8002/qingzhen/20250823/navigator-1_1755915144031.png" class="arrow"></image> -->
										<!-- <u-picker v-model="takeinTIme" :range="takeinRange" range-key="name" mode="selector"
										@cancel="takeinCancelTime" @confirm="takeinConfirmTime"
										:default-selector="defaultSelector"></u-picker> -->
									</view>
								</view>
							</list-cell>
						</template>
						<list-cell class="contact" last :hover="false" v-if="orderType == 'takein'">
							<view
								class="flex-fill d-flex justify-content-between align-items-center">
								<view class="title flex-fill">联系电话</view>
								<view class="time">
									<input
										class="text-right"
										placeholder="请输入手机号码"
										:value="member.mobile" />
								</view>
								<button class="contact-tip font-size-sm">获取号码</button>
							</view>
						</list-cell>
					</template>
					<template v-if="orderType == 'takeout'">
						<list-cell>
							<view class="w-100 d-flex flex-column">
								<view
									class="d-flex align-items-center font-size-base text-color-base">
									<view class="flex-fill">预计送达时间</view>
									<view class="mr-10">
										{{ defaultTime }}
										<u-picker
											:default-time="defaultTime"
											v-model="takeoutTIme"
											:params="paramsTime"
											mode="time"
											@cancel="cancelTime"
											@confirm="choiceTime"></u-picker>
									</view>
								</view>
							</view>
						</list-cell>
					</template>
				</view>
				<!-- 购物车列表 begin -->
				<view class="section-2 borderRadius">
					<view class="cart d-flex flex-column">
						<list-cell class="location" padding="16rpx 20rpx">
							<view
								class="flex-fill d-flex justify-content-between align-items-center">
								<view class="store-name flex-fill">{{ store.name }}</view>
							</view>
						</list-cell>
						<list-cell
							last
							v-for="(item, index) in cart"
							:key="index"
							padding="16rpx 20rpx">
							<view class="w-100 d-flex flex-column">
								<view class="d-flex align-items-center mb-10">
									<view
										class="d-flex flex-fill justify-content-between text-color-base font-size-lg">
										<image
											style="
												width: 120rpx;
												height: 120rpx;
												border-radius: 10rpx;
												overflow: hidden;
											"
											mode="aspectFill"
											:src="item.image"></image>
										<view class="name-and-props overflow-hidden">
											<view
												class="text-color-base"
												style="font-size: 28rpx;color: #000;">
												{{ item.name }}
											</view>
											<view
												class="text-color-assist font-size-sm"
												style="font-size: 22rpx">
												{{ item.valueStr }}
											</view>
											<view
												class="text-color-assist font-size-sm"
												style="font-size: 22rpx">
												x{{ item.number }}
											</view>
										</view>
										<view
											style="color: #000;font-size: 24rpx;"
											class="d-flex flex-fill justify-content-between align-items-top">
											<!-- <view>x{{ item.number }}</view> -->
											<view style="font-size: 28rpx;">￥{{ item.price }}</view>
										</view>
									</view>
								</view>
								<!-- <view class="text-truncate font-size-base text-color-assist">
								{{ item.valueStr }}
							</view> -->
							</view>
						</list-cell>
					</view>
					<list-cell arrow @click="goToPackages" padding="16rpx 20rpx">
						<view class="flex-fill d-flex justify-content-between align-items-center">
							<view class="text-color-base">优惠券</view>
							<view v-if="coupon.title" class="text-color-danger">
								{{ coupon.title }}(满{{ coupon.least }}减{{ coupon.value }})
							</view>
							<view v-else-if="coupons == 0" class="text-color-base">暂无可用</view>
							<view v-else class="text-color-primary">可用优惠券{{ coupons }}张</view>
						</view>
					</list-cell>
					<list-cell last padding="16rpx 20rpx">
						<view class="flex-fill d-flex justify-content-end align-items-center">
							<view>
								<!-- 总计￥{{ total }} -->
								<text v-if="orderType == 'takeout'">
									配送费￥{{ store.deliveryPrice }}
								</text>
								<!-- <text v-if="coupon.value"> -{{ coupon.value }}</text> -->
								<!-- 实付 -->
							</view>
							<view class="font-size-extra-lg font-weight-bold">
								<text class="font-size-sm">￥</text>
								{{ amount }}
							</view>
						</view>
					</list-cell>
				</view>
				<!-- 支付方式 begin -->
				<view class="payment borderRadius" v-if="false">
					<list-cell last :hover="false"><text>支付方式</text></list-cell>
					<list-cell>
						<view
							class="d-flex align-items-center justify-content-between w-100 disabled"
							@click="setPayType('yue')">
							<view
								style="color: #ff8f41"
								class="icon-zhanghuyue iconfont_qingzhen line-height-100 payment-icon"></view>

							<view class="flex-fill">余额支付（余额￥{{ member.nowMoney }}）</view>
							<view class="font-size-sm" v-if="member.nowMoney == 0">余额不足</view>
							<view
								class="iconfont line-height-100 checkbox checked iconradio-button-on"
								v-if="payType == 'yue'"></view>
							<view
								class="iconfont line-height-100 checkbox iconradio-button-off"
								v-else></view>
						</view>
					</list-cell>
					<list-cell>
						<view
							class="d-flex align-items-center justify-content-between w-100 disabled"
							@click="setPayType('cash')">
							<view
								style="color: red"
								class="iconfont iconbalance line-height-100 payment-icon"></view>
							<view class="flex-fill">现金支付</view>
							<view
								class="iconfont line-height-100 checkbox checked iconradio-button-on"
								v-if="payType == 'cash'"></view>
							<view
								class="iconfont line-height-100 checkbox iconradio-button-off"
								v-else></view>
						</view>
					</list-cell>
					<list-cell last>
						<view
							class="d-flex align-items-center justify-content-between w-100"
							@click="setPayType('weixin')">
							<view
								class="iconfont iconwxpay line-height-100 payment-icon"
								style="color: #7eb73a"></view>
							<view class="flex-fill">微信支付</view>
							<view
								class="iconfont line-height-100 checkbox checked iconradio-button-on"
								v-if="payType == 'weixin'"></view>
							<view
								class="iconfont line-height-100 checkbox iconradio-button-off"
								v-else></view>
						</view>
					</list-cell>
					<!-- #ifdef H5 -->
					<list-cell>
						<view
							class="d-flex align-items-center justify-content-between w-100"
							@click="setPayType('alipay')">
							<view
								class="iconfont-yshop icon-alipay line-height-100 payment-icon"
								style="color: #07b4fd"></view>
							<view class="flex-fill">支付宝</view>
							<view
								class="iconfont line-height-100 checkbox checked iconradio-button-on"
								v-if="payType == 'alipay'"></view>
							<view
								class="iconfont line-height-100 checkbox iconradio-button-off"
								v-else></view>
						</view>
					</list-cell>
					<!-- #endif -->
				</view>
				<!-- 支付方式 end -->
				<!-- 备注 begin -->
				<view class="borderRadius">
					<list-cell last @click="goToRemark" padding="16rpx 20rpx">
						<view
							class="d-flex flex-fill align-items-center justify-content-between overflow-hidden"
							style="margin-bottom: 110rpx">
							<view class="flex-shrink-0 mr-20">备注</view>
							<view class="text-color-primary flex-fill text-truncate text-right">
								{{ form.remark || '点击填写备注' }}
							</view>
						</view>
					</list-cell>
				</view>

				<!-- 备注 end -->
			</view>
		</view>
		<!-- 付款栏 begin -->
		<view
			style="z-index: 1"
			class="w-100 pay-box d-flex align-items-center justify-content-between bg-white">
			<!-- <view class="font-size-sm" style="margin-left: 20rpx">合计：</view> -->
			<view style="margin-left: 20rpx" class="font-size-medium flex-fill">
				<text>￥</text>
				<text style="font-size: 36rpx">{{ amount }}</text>
			</view>
			<view
				class="bg-primary h-100 d-flex align-items-center just-content-center text-color-white font-size-base"
				style="padding: 0 60rpx"
				@tap="debounce(submit, 500)">
				去支付
			</view>
		</view>
		<uv-safe-bottom></uv-safe-bottom>
		<!-- 付款栏 end -->
		<modal
			:show="ensureAddressModalVisible"
			custom
			:mask-closable="false"
			:radius="'0rpx'"
			width="90%">
			<view class="modal-content">
				<view class="d-flex justify-content-end">
					<uv-icon name="close-circle" size="30" @tap="ensureAddressModalVisible = false"></uv-icon>
				</view>
				<view
					class="d-flex just-content-center align-items-center"
					style="margin-bottom: 40px">
					<view class="font-size-extra-lg text-color-base">请再次确认下单地址</view>
				</view>
				<view
					class="d-flex font-size-base text-color-base font-weight-bold align-items-center justify-content-between mb-20">
					<view>{{ address.realName }}</view>
					<view>{{ address.phone }}</view>
				</view>
				<view
					class="d-flex font-size-sm text-color-assist align-items-center justify-content-between mb-40">
					<view style="max-width: 60%">{{ address.address + address.detail }}</view>
					<button
						type="primary"
						size="mini"
						plain
						class="change-address-btn"
						style="white-space: nowrap"
						@click="chooseAddress">
						修改地址
					</button>
				</view>
				<button type="primary" class="pay_btn" @tap="debounce(pay, 500)">确认并付款</button>
			</view>
		</modal>
		<uv-toast ref="uToast"></uv-toast>

		<TimePickerPopup
			v-model="takeinTIme"
			:dataSource="dataSource"
			:defaultValue="defaultGettime"
			@confirm="onConfirm" />
	</view>
</template>

<script setup>
	import { ref, computed, nextTick } from 'vue'

	import { onLoad, onShow, onPullDownRefresh, onHide } from '@dcloudio/uni-app'
	import { formatDateTime, isWeixin } from '@/utils/util'
	import debounce from '@/uni_modules/uv-ui-tools/libs/function/debounce'
	import TimePickerPopup from './TimePickerPopup.vue'
	import { orderSubmit, payUnify, getWechatConfig, ruleList } from '@/api/order'
	import { couponCount } from '@/api/coupon'
	// #ifdef H5
	import * as jweixin from 'weixin-js-sdk'
	// #endif
	import { useMainStore } from '@/store/store'
	import { storeToRefs } from 'pinia'
	const main = useMainStore()
	const { orderType, address, store, location, isLogin, member, mycoupon } = storeToRefs(main)
	const active = ref(false)
	const title = ref('支付')
	const jsStr = ref('')
	const cart = ref([])
	const deskPeople = ref(0)
	const form = ref({
		remark: '',
	})
	const ensureAddressModalVisible = ref(false)
	const takeoutTIme = ref(false) // 外卖取餐时间picker
	const paramsTime = ref({
		year: false,
		month: false,
		day: false,
		hour: true,
		minute: true,
		second: false,
	})
	const defaultTime = ref('00:00')
	const takeinTIme = ref(false) // 到店自取时间selector
	const dataSource = ref([])
	const gettimeValue = ref('立即用餐')
	const defaultGettime = ref({
		dayIndex: 0,
		timeIndex: 0,
	})
	const onConfirm = e => {
		console.log('选中的值', e)
		if (e.time == '立即用餐') {
			gettimeValue.value = e.time
		} else {
			gettimeValue.value = e.label + ' ' + e.time
		}
		defaultGettime.value = e
	}
	const takeinRange = ref([
		{
			name: '立即用餐',
			value: 0,
		},
		{
			name: '10分钟后',
			value: 10,
		},
		{
			name: '20分钟后',
			value: 20,
		},
		{
			name: '30分钟后',
			value: 30,
		},
		{
			name: '40分钟后',
			value: 40,
		},
		{
			name: '50分钟后',
			value: 50,
		},
	])
	const defaultSelector = ref([0])
	const payType = ref('weixin') // 付款方式
	const coupons = ref(0) // 可用优惠券数量
	const coupon = ref(main.mycoupon) // 选中的
	const subscribeMss = ref({
		takein: '',
		takeout: '',
		takein_made: '',
		takeout_made: '',
	}) // 微信订阅信息
	const uToast = ref()

	const total = computed(() => {
		return cart.value.reduce((acc, cur) => acc + cur.number * cur.price, 0)
	})
	const amount = computed(() => {
		let amount = cart.value.reduce((acc, cur) => acc + cur.number * cur.price, 0)
		// 加配送费
		if (store.value.distance > 0 && orderType.value == 'takeout') {
			amount += parseFloat(store.value.deliveryPrice)
		}

		// 减去优惠券
		if (main.mycoupon.hasOwnProperty('id')) {
			amount -= parseFloat(main.mycoupon.value)
		}
		return amount.toFixed(2)
	})
	const currentOrderIdCopy = ref('')
	onShow(() => {
		const val = uni.getStorageSync('temp_remark')
		if (val) {
			form.value.remark = val
			uni.removeStorageSync('temp_remark')
		}

		coupon.value = main.mycoupon
		let date = new Date(new Date().getTime() + 3600000) // 一个小时后
		let hour = date.getHours()
		let minute = date.getMinutes()
		if (hour < 10) {
			hour = '0' + hour
		}
		if (minute < 10) {
			minute = '0' + minute
		}
		defaultTime.value = hour + ':' + minute

		if (orderType.value == 'takeout') {
			active.value = true
		} else {
			active.value = false
		}

		getCoupons()

		let paytype = uni.getStorageSync('paytype')
		payType.value = paytype ? paytype : 'weixin'
		const orderIdLastPage = uni.getStorageSync('currentOrderId')
		if (
			currentOrderIdCopy.value &&
			orderIdLastPage &&
			orderIdLastPage == currentOrderIdCopy.value
		) {
			uni.$emit('openLoading')
			setTimeout(() => {
				uni.navigateBack({
					 delta: 1
				});
				// uni.switchTab({
				// 	url: '/pages/order/order',
				// })
			}, 300)
		}
	})
	onHide(() => {
		subscribeMss.value = []
		coupons.value = 0
	})
	onLoad(option => {
		main.DEL_COUPON()
		cart.value = uni.getStorageSync('cart')
		deskPeople.value = uni.getStorageSync('deskPeople')
		getRuleList()
	})
	const getRuleList = async () => {
		const data = await ruleList({
			shopId: store.value.id,
		})
		dataSource.value = transformTimeData(data)
	}

	function transformTimeData(data) {
		return Object.entries(data).map(([label, times]) => ({
			label: label, // 把“星期”改成“周”,
			times,
		}))
	}

	const openTimePicker = () => {
		console.log(123123123)
		takeinTIme.value = !takeinTIme.value
	}
	const getSubscribeMss = async () => {
		let data = []
		if (data) {
			subscribeMss.value = data
		}
	}
	// 更改支付方式
	const setPayType = paytype => {
		payType.value = 'weixin'
		payType.value = paytype
		uni.setStorage({
			key: 'paytype',
			data: paytype,
		})
	}
	const getCoupons = async () => {
		//0=通用,1=自取,2=外卖
		let type = getOrderTypeCode(orderType.value)
		let data = await couponCount({
			shop_id: store.value.id ? store.value.id : 0,
			type: type,
			amount: amount.value,
		})
		if (data) {
			coupons.value = data
		}
	}
	// 选择时间
	const choiceTime = value => {
		let hour = value.hour
		let minute = value.minute

		let date = new Date(new Date().getTime() + 3600000) // 一个小时后
		let nowhour = date.getHours()
		let nowminute = date.getMinutes()

		if (
			(hour * 60 * 60 + minute * 60) * 1000 - 3600000 <
			(nowhour * 60 * 60 + nowminute * 60) * 1000
		) {
			uToast.value.show({
				message: '请至少选择一个小时之后',
				type: 'error',
			})
			return
		}

		if (hour < 10) {
			hour = '0' + hour
		}
		if (minute < 10) {
			minute = '0' + minute
		}
		defaultTime, (value = hour + ':' + minute)
		takeoutTIme.value = false
	}
	const cancelTime = value => {
		takeoutTIme.value = false
	}
	// 到店自取-取消选择取餐时间
	const takeinCancelTime = value => {
		takeinTIme.value = false
	}
	// 到店自取-选择取餐时间
	const takeinConfirmTime = value => {
		defaultSelector.value = value
	}
	// // 是否外卖开关
	// const takout = value => {
	// 	let type = 'takeout'
	// 	if (value == false) {
	// 		type = 'takein'
	// 	}
	// 	main.SET_ORDER_TYPE(type)

	// 	// 如果存在优惠券看看需不需要清除
	// 	if (coupon.value.hasOwnProperty('type')) {
	// 		//0=通用,1=自取,2=外卖
	// 		if (coupon.value.type != 0) {
	// 			if (coupon.value.type == 1 && orderType.value == 'takeout') {
	// 				coupon.value = {}
	// 			}
	// 			if (coupon.value.type == 2 && orderType.value == 'takeint') {
	// 				coupon.value = {}
	// 			}
	// 		}
	// 	}
	// 	subscribeMss.value = []
	// 	coupons.value = 0
	// 	getCoupons()
	// }
	const goToRemark = () => {
		uni.navigateTo({
			url: '/pages/components/pages/remark/remark?remark=' + form.value.remark,
		})
	}
	const chooseAddress = () => {
		uni.navigateTo({
			url: '/pages/components/pages/address/address?is_choose=true&scene=pay',
		})
	}
	function getOrderTypeCode(orderType) {
		const map = {
			takein: 1,
			takeout: 2,
			desk: 3,
		}
		return map[orderType] || 0 // 默认返回0表示未知类型点餐
	}
	const goToPackages = () => {
		let newamount = amount.value
		let coupon_id = coupon.value.id ? coupon.value.id : 0
		let type = getOrderTypeCode(orderType.value)
		let shop_id = store.value.id
		uni.navigateTo({
			url:
				'/pages/components/pages/packages/index?amount=' +
				newamount +
				'&coupon_id=' +
				coupon_id +
				'&shop_id=' +
				shop_id +
				'&type=' +
				type,
		})
	}
	const goToShop = () => {
		uni.navigateTo({
			url: `/pages/components/pages/shop/shop`,
		})
	}
	const submit = () => {
		if (orderType.value == 'takeout') {
			// 外卖类型
			if (typeof address.value.id == 'undefined') {
				uToast.value.show({
					message: '请选择收货地址',
					type: 'error',
				})
				return
			}

			// 起送价钱
			if (store.value.min_price > total.value) {
				uToast.value.show({
					message: '本店外卖起送价为￥' + store.value.min_price,
					type: 'error',
				})
				return
			}

			pay()
		} else {
			pay()
		}
	}
	const pay = async () => {
		// #ifdef MP-WEIXIN
		// await new Promise(function (revolve) {
		// 	//订阅号信息id
		// 	let subscribeMss = ['KBtfY9G1IWCzC6q-ZKo-Q-MmdP7aaF79nx0XFcBf3h4']

		// 	wx.showModal({
		// 		title: '温馨提示',
		// 		content: '为更好的促进您与商家的交流，小程序需要在您成交时向您发送消息',
		// 		confirmText: '同意',
		// 		cancelText: '拒绝',
		// 		success: function (res) {
		// 			if (res.confirm) {
		// 				revolve(true)
		// 				// uni.requestSubscribeMessage({
		// 				// 	tmplIds: subscribeMss,
		// 				// 	complete(res) {
		// 				// 		console.log(res)
		// 				// 		revolve(true)
		// 				// 	}
		// 				// });
		// 			} else {
		// 				revolve(true)
		// 			}
		// 		},
		// 	})
		// })
		// #endif
		uni.showLoading({
			title: '加载中',
		})

		let data = {
			orderType: orderType.value, // 购买类型:takein=自取,takeout=外卖,desk=堂食
			addressId: orderType.value == 'takeout' ? address.value.id : 0, // 外卖配送地址
			shopId: store.value.id, // 店铺id
			mobile: member.value.mobile, // 联系电话
			gettimeStr: gettimeValue.value, // 取餐时间
			payType: '', // 支付类型  //payType.value
			remark: form.value.remark, // 备注
			productId: [],
			spec: [],
			number: [],
			couponId: coupon.value.id ? coupon.value.id : 0, // 优惠券id
			deskPeople: deskPeople.value, // 人数
		}

		cart.value.forEach((item, index) => {
			data.productId.push(item.id)
			data.spec.push(item.valueStr.replace(/,/g, '|'))
			data.number.push(item.number)
		})

		let order = await orderSubmit(data)
		currentOrderIdCopy.value = order.orderId
		if (!order) {
			uni.hideLoading()
			return
		}
		uni.navigateTo({
			url: `/pages/components/pages/payType/payType?id=${order.orderId}`,
		})
		uni.hideLoading()
	}
</script>

<style lang="scss" scoped>
	.container {
		display: flex;
		flex-direction: column;
		height: 100%;
		background-color: #f5f5f5;
		.containerInner {
			flex: 1;
			overflow: hidden;
			padding: 20rpx 20rpx 20rpx 20rpx;
			.containerInnerInner {
				width: 100%;
				height: 100%;
				overflow: auto;
				&::-webkit-scrollbar {
					display: none;
				}
			}
		}
	}
	.arrow {
		width: 50rpx;
		height: 50rpx;
		position: relative;
		margin-right: -10rpx;
	}

	.location {
		.store-name {
			font-size: 28rpx;
		}
		.iconfont {
			font-size: 50rpx;
			line-height: 100%;
			color: $qingzhen-btn-primary-color;
		}
	}

	.section-1 {
		margin-bottom: 20rpx;

		.contact {
			.contact-tip {
				margin-left: 10rpx;
				border: 2rpx solid $qingzhen-btn-primary-color;
				padding: 0 10rpx;
				color: $qingzhen-btn-primary-color;
				border-radius: 10rpx !important;
				height: 40rpx;
				line-height: 40rpx;
				background-color: transparent;
			}
		}
	}

	.section-2 {
		margin-bottom: 20rpx;
		.name-and-props {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			width: 65%;
			margin-left: 20rpx;
		}
	}

	.payment {
		margin-bottom: 20rpx;

		.disabled {
			color: $text-color-grey;
		}

		.payment-icon {
			font-size: 44rpx;
			margin-right: 10rpx;
		}

		.checkbox {
			font-size: 36rpx;
			margin-left: 10rpx;
		}

		.checked {
			color: $qingzhen-btn-primary-color;
		}
	}

	.pay-box {
		height: 100rpx;
	}

	.modal-content {
		.change-address-btn {
			line-height: 2;
			padding: 0 1em;
		}

		.pay_btn {
			width: 100%;
			border-radius: 50rem !important;
			line-height: 3;
		}
	}

	.borderRadius {
		border-radius: 10rpx;
		overflow: hidden;
	}
</style>
